<template>
    <div class="panel-item">
        <panel :list="this.list" :type="this.type"></panel>
        <img class="arrows" :src="this.arrow"/>
    </div>
</template>

<script>
    import {Panel} from 'vux'
    import Arrows from '@/assets/item-arrow.png'
    export default {
        name: 'HistoryCell',
        components: {
            Panel
        },
        props: ['list', 'type'],
        data () {
            return {
                arrow: Arrows
            }
        }
    }
</script>

<style lang="less" scoped="scoped">
    .panel-item {
        margin-bottom: 1rem;
        position: relative;

        .arrows {
            width: .5rem;
            height: 1rem;
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 5%;
        }
    }
</style>